<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Heat Map widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
table.whs1 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs2 { width:32.684%; }
col.whs3 { width:67.316%; }
tr.whs4 { x-cell-content-align:top; }
td.whs5 { width:32.684%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs6 { font-weight:bold; }
td.whs7 { width:67.316%; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs8 { width:32.684%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs9 { width:67.316%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs10 { list-style:decimal; }
p.whs11 { font-size:9pt; margin-top:4.5pt; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Heat Map widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Formatting a Heat Map widget</h1>
<p>For an image of a Heat Map widget and steps to add one to a document, 
 see 
<a HREF="Heat_Map_widget.htm">Defining a Heat Map widget</a>.</p>
<p>This widget automatically inherits some of the formatting contained 
 in its Grid/Graph. For example, the font colors and types applied to the 
 Grid/Graph are displayed in the widget by default. You can change these 
 default formats. If you do not want to apply any default formatting, clear 
 the <span style="font-weight: bold;"><B>Inherit graph formatting</B></span> check 
 box in the Properties dialog box. </p>
<p>The table below suggests formatting ideas and provides steps to format 
 the Heat Map widget. The steps can be performed in Flash Mode. They can 
 also be performed in Interactive Mode if the widget has been defined to 
 display as a widget in DHTML, and DHTML is enabled in Web. For instructions 
 to determine how the widget is displayed, see 
<a href="Widget_non_Flash.htm">Determining 
 how a widget is rendered in non-Flash modes</a>. For instructions to enable 
 DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling DHTML in 
 MicroStrategy Web</a>.</p>
<p><span style="font-weight: bold;"><B>Note</B></span>: You cannot format the 
 font of the text displayed in the widget. </p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs1">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs2">
<col class="whs3">


<tr valign="top" class="whs4">
<td width="32.684%" class="whs5">
<p class="whs6">What to Format in the Widget </td>
<td width="67.316%" class="whs7">
<p class="whs6">How to Format It </td></tr>

<tr valign="top" class="whs4">
<td width="32.684%" class="whs8">
<p>Determine whether to show metric values</td>
<td width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Display</B></span> 
 tab, select the <span style="font-weight: bold;"><B>Show metric values</B></span> 
 check box. </p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document.</p></li>
	
<li style="list-style: disc;" type=disc class=p><p>This option allows 
 you to determine whether to display the metric values -- for instance, 
 revenue by state -- in each section of the widget. The widget is divided 
 into sections by attributes. For example, you add customer region, quarter, 
 and revenue to the widget. The widget will be divided into the customer 
 region section first and then into quarters within the customer region 
 section. If you select the Show metric values check box, then you can 
 display revenue values for each quarter in each customer region section. 
 </p></li>
</ol>
<ol start="4" type="1" class="whs10">
	
<li style="margin-left: -20px;  font-size: 9pt; " class=p><p class="whs11">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td width="32.684%" class="whs8">
<p>Display a legend for the heat map</td>
<td width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In<span style="font-weight: bold;"><B> 
 Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Display</B></span> 
 tab, select the <span style="font-weight: bold;"><B>Show Legend</B></span> check 
 box. </p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Determine whether to allow attributes to be removed from the widget</p>
<p>Removed attributes can be restored when needed.</td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In<span style="font-weight: bold;"><B> 
 Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Display</B></span> 
 tab, select or clear the <span style="font-weight: bold;"><B>Remove Attributes 
 from Template</B></span> check box. </p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document.</p></li>
</ol>
<p><span style="font-weight: bold;"><B>Note</B></span><span>: If the metric defining 
 the size or color does not use SUM, do not allow attributes to be removed 
 from the widget. </span></p>
<p>&nbsp;</td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Determine whether to display labels in each rectangle</td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Display</B></span> 
 tab, select one of the following options from the <span style="font-weight: bold;"><B>Show 
 Labels</B></span> drop-down list.</p></li>
</ol>
<ul>
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>On</B></span>: 
 Labels are displayed in the rectangles.</p></li>
	
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Off</B></span>: 
 Labels are not displayed in the rectangles.</p></li>
	
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Proportional</B></span>: 
 Labels are displayed in the rectangles, with the size of each label reflecting 
 the size of the rectangle. Rectangles that reflect positive values will 
 be displayed with larger labels than rectangles that reflect negative 
 values.</p></li>
</ul>
<ol start="3" type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Select the color of the background </td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Format</B></span> 
 tab, select <span style="font-weight: bold;"><B>Background</B></span> <span style="font-weight: bold;"><B>color</B></span> 
 for the widget. </p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document. The background color displays behind all of 
 the object sections and the widget legend.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Select the color of the borders </td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash</B></span> 
 <span style="font-weight: bold;"><B>Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Format</B></span> 
 tab, select a color for the borders of the widget from the <span style="font-weight: bold;"><B>Border 
 Color</B></span> drop-down list.</p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document. The border color outlines the entire widget.</p></li>
	
<li style="margin-left: -20px;  font-size: 9pt; " class=p><p class="whs11">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Select the color of the headers</td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Format</B></span> 
 tab, select a color for the headers from the <span style="font-weight: bold;"><B>Header 
 Color</B></span> drop-down list.</p></li>
	
<li style="margin-left: -20px;" class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to return to the document. The header color displays on all the attribute 
 headers in the widget.</p></li>
	
<li style="margin-left: -20px;  font-size: 9pt; " class=p><p class="whs11">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs4">
<td colspan="1" rowspan="1" width="32.684%" class="whs8">
<p>Enable scale boundaries </td>
<td colspan="1" rowspan="1" width="67.316%" class="whs9">
<p>By default, the minimum and maximum range for the color slider is determined 
 automatically by the data in the widget. If the data changes, then the 
 minimum and maximum can also change. </p>
<p>You can instead set the minimum and maximum range for a specific metric, 
 so that specific colors always mean specific metric values. Outlying metric 
 values use solid colors, rather than shaded colors.</p>
<ol type="1" class="whs10">
	
<li style="margin-left: -20px;" class=p><p>In <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> or <span style="font-weight: bold;"><B>Interactive Mode</B></span>, 
 right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="margin-left: -20px;" class=p><p>On the <span style="font-weight: bold;"><B>Scale 
 Boundaries</B></span> tab, select the metric from the drop-down list.</p></li>
	
<li style="margin-left: -20px;" class=p><p>Select the <span style="font-weight: bold;"><B>Enabled</B></span> 
 check box.</p></li>
	
<li style="margin-left: -20px;" class=p><p>Type the <span style="font-weight: bold;"><B>Minimum</B></span> 
 and <span style="font-weight: bold;"><B>Maximum</B></span> values in the corresponding 
 fields.</p></li>
</ol>
<ol start="5" type="1" class="whs10">
	
<li style="margin-left: -20px;  font-size: 9pt; " class=p><p class="whs11">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p>&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
